GitHubでコードとhtmlを公開する方法

初めてリポジトリを作成するとき

GitHubの設定

  1. GitHubでアカウントを作成

github_top

  1. RepositoriesのNewをクリック

github_repositories_new

  1. Repository nameにリポジトリ名を入力

github_create_repository_1

  1. 公開する場合はPublic(公開しない場合はPrivateに変更)

github_create_repository_2

  1. スクロールしてCreate repositoryをクリック

github_create_repository_3

  1. HTTPSをコピー

github_https

RStudioの設定

  1. RStudioを起動してProjectをクリック

rstudio_project_1

  1. New Projectをクリック

rstudio_project_2

  1. Version Controlをクリック

rstudio_project_3

  1. Gitをクリック

rstudio_project_4

  1. Repository URLに6でコピーしたHTTPSをペースト

rstudio_project_5

  1. New Fileのアイコンをクリック

rstudio_setting_1

  1. R Markdownをクリック

rstudio_setting_2

  1. R Markdownのタイトルを入力してOKをクリック

rstudio_setting_3

  1. Save current documentのアイコンをクリック

rstudio_setting_4

  1. ファイル名にindexと入力してSaveをクリック

rstudio_setting_5

  1. New Folderをクリック

rstudio_setting_6

  1. new folder name にdocsと入力してOKをクリック

rstudio_setting_7

  1. Knitをクリック(Filesにindex.htmlができる)

rstudio_setting_8

  1. index.htmlにチェックを入れてMoreをクリックしMoveをクリック

rstudio_setting_9

  1. docsを選択してOpenをクリック

rstudio_setting_10

  1. GitをクリックしてCommitをクリック

rstudio_setting_11

  1. 必要なファイルにチェックを入れる(Ctrl + Aを押しながらチェックを入れれば全部選択)

rstudio_setting_12

  1. Commit messageに説明を入力(first, correctedなど)してCommitをクリック

rstudio_setting_13

  1. Pushをクリック

rstudio_setting_14

GitHubの設定

  1. SettingsをクリックしてPagesをクリック

github_setting_1

  1. SourceのBranchをNoneからmasterに変更(ここではmainに名前を変更している)

github_setting_2

  1. SourceのSelect folderを/(root)から/docsに変更してSaveをクリック

github_setting_3

  1. URLをコピー

github_setting_4

  1. リポジトリのホーム画面に戻って歯車のアイコンをクリック

github_setting_5

  1. Websiteに28でコピーしたURLをペーストしてSave changesをクリック

github_setting_6

完成

htmlのリンクがつきました complete_1

htmlが開けるようになりました complete_2

リポジトリを更新するとき

RStudioの設定

  1. 20,21の手順でindex.htmlをdocsに移動(index.htmlはdocsに入らず作成される)

  2. 22~25を実行